<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html
	class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg no-smil svgclippaths">


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>XToolsCRM - easy to Power</title>



<script src="http://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet"
	href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="../js/axios.js"></script>
<script type="text/javascript" src="../js/qs.js"></script>


<link href="../css/zcss/icons.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/pages.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/responsive.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/sweetalert.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/custombox.min.css" rel="stylesheet">
<link href="../css/zcss/animate.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/css.css" rel="stylesheet" type="text/css">

<link href="../css/zcss/bootstrap-datepicker3.min.css" rel="stylesheet">
<link href="../css/zcss/switchery.min.css" rel="stylesheet">
<link href="../css/zcss/bootstrap-clockpicker.min.css" rel="stylesheet">
<link href="../css/zcss/bootstrap-table.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/bootstrap.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/bootstrap-select.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/core.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/components.css" rel="stylesheet" type="text/css">

<!--图标的外部样式-->
<link href="http://cdn.xtcrm.com/cdn//v7/fm/ub/css/icons.css"
	rel="stylesheet" type="text/css">
<!--图标的外部样式-->

<link href="../css/zcss/pages.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/responsive.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/sweetalert.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/custombox.min.css" rel="stylesheet">
<link href="../css/zcss/animate.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/css.css" rel="stylesheet" type="text/css">

</head>


<body class="fixed-left" onload=";">



	<div class="enlarged forced" id="wrapper">


		<div id="downing"
			style="left: 960px; top: 300px; display: none; position: fixed; z-index: 10000;">
			<i class="fa-li fa fa-spinner fa-spin fa-4x"></i>
		</div>



		<!-- modal qlist fields ---->
		<div tabindex="-1" class="modal fade in" id="modal_list_field"
			role="dialog" aria-hidden="true" aria-labelledby="myModalLabel"
			style="display: none;">
			<div class="modal-dialog">
				<div class="modal-content">
					<form name="form1" id="frm_list_field"
						action="/sys/de_list/set_ok.xt" method="post" target="qssub"
						novalidate="">
						<div class="modal-header">
							<button class="close" aria-hidden="true" type="button"
								data-dismiss="modal">×</button>
							<h4 class="modal-title">客户查询</h4>
						</div>
						<div class="modal-body modal-checkbox p-l-40"></div>
						<div class="modal-footer">
							<button class="btn btn-default waves-effect"
								id="btn_list_fields0" type="button">确定</button>
							<button class="btn btn-info waves-effect waves-light"
								id="btn_list_fields1" type="button">还原初始</button>
						</div>
						<input name="key" type="hidden" value=""> <input
							name="type" type="hidden" value="0">
					</form>
				</div>
			</div>
		</div>

		<!-- 页面头部开始 -->

		<!-- ========== 左侧菜单栏开始 ========== -->

		<!-- 左侧菜单栏结束 -->

		<!-- 页面头部结束 -->




		<!--UTF8-->
		<div id="del"
			style="position: absolute; visibility: hidden; &amp; amp; amp; #9; left: 0; &amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; #9; height: 0; z-index: 100; background-color: #D4D0C8;"></div>
		<!-- basewin iframe -->



		<div tabindex="-1" class="modal fade" id="popact" role="dialog"
			aria-hidden="true" aria-labelledby="myModalLabel"
			style="display: none;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" aria-hidden="true" type="button"
							data-dismiss="modal">×</button>
						<h4 class="modal-title">操作</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<div id="editsublayer"
							style="position: absolute; visibility: hidden; &amp; amp; amp; #9; left: 0; &amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; #9; height: 0;">
							<iframe name="popact_iframe" id="popact_iframe" src="/a.html"
								scrolling="no" style="width: 0; height: 0; border: 0;"></iframe>
						</div>
						<!-- <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary waves-effect waves-light">保存</button> -->
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<!-- 页面头部结束 -->

		<!-- ============================================================== -->
		<!-- 右侧主体内容开始-->
		<!-- ============================================================== -->
		<div class="content-page crm" style="margin: 0;">
			<div class="content" style="margin: 0;">
				<div class="container-fluid">
					<div class="row">
						<div class="col-sm-12">

							<!--这里是总的div放所有内容的-->
							<div class="allBaBox">
								<el-form :model="ruleForm" ref="ruleForm" class="demo-ruleForm">

								<div id="libnamemark" style="z-index: 0">

									<div id="libnamemark">

										<ul class="nav nav-default nav-tabs m-b-20 ">

											<li class="active"><a aria-expanded="true"
												onclick="qlist_argv_bwhere='';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=0;libnamemark_load();"
												href="#" data-toggle="tab">全部仓库</a></li>

										</ul>


										<div class="pull-right m-l-15">
											<form class="dropdown-menu-right" method="POST" novalidate="">
												<div
													class="btn-group bootstrap-select form-control show-tick">
													<div class="dropdown-menu open" role="combobox">
														<div class="bs-searchbox">
															<input class="form-control" role="textbox"
																aria-label="Search" type="text" autocomplete="off">
														</div>
														<ul class="dropdown-menu inner" role="listbox"
															aria-expanded="false">
															<li class="selected" data-original-index="0"><a
																tabindex="0" role="option" aria-disabled="false"
																aria-selected="true" data-tokens="null"><span
																	class="text"> </span><span
																	class="glyphicon glyphicon-ok check-mark"></span></a></li>
															<li data-original-index="1"><a tabindex="0"
																role="option" aria-disabled="false"
																aria-selected="false" data-tokens="null"><span
																	class="text">23432</span><span
																	class="glyphicon glyphicon-ok check-mark"></span></a></li>
														</ul>
													</div>
													<select name="D1" tabindex="-98"
														class="form-control selectpicker show-tick"
														id="libnamesel"
														onchange="n=$('#libnamesel').val();if ($('#vwhere'+n).attr('pw')=='1') {qlist_argv_bwhere=$('#vwhere'+n).attr('val');qlist_argv_page=1;qlist_load();libnamemark_argv_tt=n;libnamemark_load();} else {alert('您没有这个库的权限！');}">
														<option value=""></option>
														<option value="10">23432</option>
													</select>
												</div>
												<span id="vwhere10" pw="1" val="19wETPilGb"> </span>
											</form>
										</div>
									</div>
									<style>
.dropdown-menu-right .dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	left: initial;
}
</style>
									<!--UTF8-->
								</div>
								<!----------------筛选、查询input代码开始-------------------->
								<div class="m-t-20">
									<div id="search" style="z-index: 0">
										<div id="editsublayer"
											style="position: absolute; visibility: hidden; &amp; amp; amp; #9; left: 0; &amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; #9; height: 0; z-index: 100; background-color: #D4D0C8;">
											<iframe name="qssub" src="/a.html"
												style="width: 0; height: 0; border: 0;"></iframe>
										</div>
										<form name="qsearch" class="form-inline" role="form"
											onsubmit="hideDiv(); return true;" action="/system/qssub.xt"
											method="POST" target="qssub" novalidate="">

											<div class="form-group ">
												<label class="control-label col-sm-2 m-t-10"><i
													class="fa fa-filter m-r-5"></i></label>
												<div class="col-sm-10">
													<div
														class="btn-group bootstrap-select form-control show-tick">
														<el-select v-model="ruleForm.selects" slot="prepend"
															clearable placeholder="全部数据"
															style="background: #ccc;width: 113px;"> <el-option
															label="入库" value="3026"></el-option> <el-option
															label="出库" value="3025"></el-option> </el-select>
													</div>
												</div>


											</div>
											<div
												style="position: absolute; visibility: hidden; left: 0; top: 0; width: 0; height: 0; z-index: 100; background-color: #D4D0C8;">
												<textarea name="ids" rows="2" cols="20"></textarea>
											</div>
											<div class="form-group">
												<!--搜索栏那一块-->
												<div class="box2"
													style="width: 300px; height: 40px; margin-top: 5px;">
													<el-input placeholder="请输入内容"
														v-model="ruleForm.selectinput"> <el-button
														slot="prepend" icon="el-icon-search"
														@click="submitForm('ruleForm')"></el-button> </el-input>

												</div>
											</div>



										</form>
									</div>
								</div>
								<!----------------列表-------------------->

								<div id="qlist" style="z-index: 0">
									<div class="row m-t-15 f-s-12" style="height: 35px;">
										<div class="col-sm-6">
											<span set-lan="html:库存流水">库存流水</span> <small
												class="text-muted font-13">共{{ruleForm.totalCount}}条</small>


										</div>
										<div class="col-sm-6 text-right"></div>
									</div>


									<div class="tab-content p-0">
										<div class="bootstrap-table m-t-10">
											<div class="fixed-table-container overflow-x-auto">
												<table class="table table-bordered table-hover table-z"
													id="qlist_table">
													<thead>
														<tr>


															<th class="th-inner"><p align="left">
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='id'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:ID">ID</a>
																</p></th>
															<th class="th-inner"><p align="left">
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='type'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:类型">类型</a>
																</p></th>
															<th class="th-inner"><p align="left">
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='lib'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:仓库">仓库</a>
																</p></th>
															<th class="th-inner"><p align="left">
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='pid'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:产品名称">产品名称</a>
																</p></th>
															<th class="th-inner"><p align="right">
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='nin'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:入库量">入库量</a>
																</p></th>
															<th class="th-inner"><p align="right">
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='nout'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:出库量">出库量</a>
																</p></th>
															<th class="th-inner"><p>
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='sdate'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:执行日期">执行日期</a>
																</p></th>
															<th class="th-inner"><p align="left">
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='status'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:状态">状态</a>
																</p></th>
															<th class="th-inner"><p align="left">
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='who'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:执行人">执行人</a>
																</p></th>
															<th class="th-inner"><p align="left">
																	<a class="na"
																		href="JavaScript:qlist_argv_orderf='cu_id'; qlist_argv_orderv=0;qlist_load();"
																		set-lan="html:客户/供应商">客户/供应商</a>
																</p></th>
															<th class="th-inner"></th>
														</tr>
													</thead>
													<tbody class="bg-white">

														<tr v-for="(colle,i) in tableData">
															<td><p align="left">{{colle.oinum}}</p></td>
															<td><p align="left">
																	<a id="qlist_F907" onclick=" reportMove(this) ;"
																		href='JavaScript:qlist_click_todetail("907","568da0");'><i
																		class="fa fa-arrow-circle-right text-blue m-r-5"></i>{{colle.dic_name}}</a>
																</p></td>
															<td><p align="left">{{colle.dgsname}}</p></td>
															<td><p align="left">
																	{{colle.goo_name}}<a
																		href="javascript:vopen('/xcrm/market/product/detail.xt?id=101','product101',999,600);"><i
																		class="fa fa-folder-open m-l-5"
																		data-original-title="打开详细页面" data-toggle="tooltip"
																		data-placement="bottom"></i></a>
																</p></td>
															<td><p align="right">{{colle.insum}}</p></td>
															<td><p align="right">{{colle.outsum}}</p></td>
															<td><p>{{colle.oitime}}</p></td>
															<td><p align="left">{{colle.diw}}</p></td>
															<td><p align="left">{{colle.use_name}}</p></td>
															<td><p align="left">&nbsp;{{colle.oifillman}}</p></td>
															<td width="1%" nowrap=""><a
																href="JavaScript:openpopact('/act/libitemsshow.xt?id=907&amp;mdb=568da0');"
																data-original-title="对应单据" data-toggle="tooltip"
																data-placement="bottom"><i
																	class="md md-dialpad m-r-5"></i></a>&nbsp;</td>
														</tr>
												
														<tr>
															<td><font color="#8c8c8c">∑本页</font></td>
															<td nowrap="">&nbsp;</td>
															<td nowrap="">&nbsp;</td>
															<td nowrap="">&nbsp;</td>
															<td nowrap=""><p align="right">
																	<font color="#8c8c8c">{{allhuikuan}}</font>
																</p></td>
															<td nowrap=""><p align="right">
																	<font color="#8c8c8c">{{allMoney}}</font>
																</p></td>
															<td nowrap="">&nbsp;</td>
															<td nowrap="">&nbsp;</td>
															<td nowrap="">&nbsp;</td>
															<td nowrap="">&nbsp;</td>
															<td></td>
														</tr>
														
													</tbody>
												</table>
											</div>
										</div>
										<div class="row m-t-10">
											<div class="col-sm-3">&nbsp;</div>
											<!--分页-->
											<div class="col-sm-7 text-center box4">
												<div class="block">
													<el-pagination @size-change="handleSizeChange"
														@current-change="handleCurrentChange"
														:current-page="ruleForm.currentPage"
														:page-size="ruleForm.pagesize"
														layout="total, prev, pager, next, jumper"
														:total="ruleForm.totalCount"> </el-pagination>
												</div>
											</div>
											<!--分页-->
										</div>
									</div>

									<!--UTF8-->
									<form name="outexcel" action="/sys/plist/listout.xt"
										method="POST" novalidate="">
										<input name="dt" type="hidden" value="libitem"><input
											name="w" type="hidden" value="a5gATPnFGbmRGI"><input
											name="dcr" type="hidden" value="909cf">
									</form>
									<form name="actname1" action="/sys/cupool/listout.xt"
										method="POST" novalidate="">
										<input name="dt" type="hidden" value="libitem"><input
											name="w" type="hidden" value="a5gATPnFGbmRGI"><input
											name="dcr" type="hidden" value="909cf"><input
											name="modparam" type="hidden" value="">
									</form>
								</div>
								<!----------------统计--------------------> </el-form>
							</div>
							<!--这里是总的div放所有内容的-->
							<script type="text/javascript">
							
					
							 
									var vm = new Vue({
										el: ".allBaBox",
										data: {
											allMoney:"",
											allhuikuan:"",
											allyeshuikuan:"",
											iframdilog:"",
											dialogVisible: false,
											centerDialogVisible2:false,
											select: "全部数据",
											//表格当前页数据
			               					tableData: [],
											ruleForm: {
											    //下拉条件按钮
											    selects: "全部数据",
												//搜索框
												selectinput: '',
												//下拉条件按钮
												selectend: '',
											    //默认每页数据量
				              				    pagesize:10,
				              				    //当前页码
				               				    currentPage: 1,
				               				    //默认数据总数
				              					totalCount: ''
						      				    },deletids:""
						      				   
										},
										methods: {
							                handleSizeChange(val) {
												console.log('每页 ${val} 条');
												this.ruleForm.pagesize = val;
										        console.log( this.ruleForm.pagesize+'条');
										        //this.ruleFormloadData();
											},
											handleCurrentChange(val) {
												this.ruleForm.currentPage = val;
											    console.log(this.ruleForm.currentPage+'当前');
											    this.loadData();
											},
											submitForm(formName) {
												//验证方法
												this.$refs[formName].validate((valid) => {
													if(valid) {
														//alert("aa");
														this.loadData(this.currentPage, this.pagesize);
													} else {
														//alert("aa");
														console.log('error submit!!');
														return false;
													}
												});
											},
											//从服务器读取数据
							                loadData: function(pageNum, pageSize){  
							                	 var iosnn=this;
													//post提交数据
													axios.post("/depot/inoutlife2",
														//参数转换
														Qs.stringify(this.ruleForm, {
															arrayFormat: 'brackets'
														})		
													).then(function(v) {
														iosnn.tableData = v.data.list;
														iosnn.ruleForm.totalCount = v.data.total;
													    var strs=0.0;
														var huikuan=0.0;
														iosnn.tableData.forEach(v => {
															  if (v.outsum!=null) {
																  strs +=v.outsum;
																	} 
															  if (v.insum!=null) {
																 huikuan+=v.insum;
															} 
															
															 
														}) 
														iosnn.allMoney=strs;
														iosnn.allhuikuan=huikuan;
														//iosnn.allyeshuikuan=yeshuikuan; 
														console.info(v.data.list); 
													}).catch(function(e) {
														alert("出错了"+e);
													}); 
							                }
										      
										},
										mounted() {
											  var iosnn=this;
												//post提交数据
												axios.post("/depot/inoutlife",
													//参数转换
													Qs.stringify(this.ruleForm, {
														arrayFormat: 'brackets'
													})		
												).then(function(v) {
													iosnn.tableData = v.data.list;
													iosnn.ruleForm.totalCount = v.data.total;
													 var strs=0.0;
													var huikuan=0.0;
													iosnn.tableData.forEach(v => {
														  if (v.outsum!=null) {
														  strs +=v.outsum;
															} 
														  if (v.insum!=null) {
															 huikuan+=v.insum;
														} 
														
														 
													}) 
													iosnn.allMoney=strs;
													iosnn.allhuikuan=huikuan;
													//iosnn.allyeshuikuan=yeshuikuan; 
													console.info(v.data.list); 
												}).catch(function(e) {
													alert("出错了"+e);
												});  
											

										}
										
									})
								</script>



						</div>
					</div>




				</div>

			</div>




		</div>

		<!-- ============================================================== -->
		<!-- 右侧主体内容结束 -->
		<!-- ============================================================== -->

	</div>
</body>
<!--UTF8-->
</html>